import React from "react";
import { useTranslation } from "react-i18next";
import img1 from "../../assets/images/ecology/img1.svg";

function Ecology() {
  const { t, i18n } = useTranslation();

  return (
    <div className="app-container ecology-page">
      <div className="banner-block-bk">
        <div className="banner-block">
          <img src={img1} className="banner-img" />
          <div className="desc-box">
            <div className="small-title">{t("ecology.title")}</div>
            <div className="desc">{t("ecology.desc1")}</div>
            <div className="desc">{t("ecology.desc2")}</div>
            <div className="desc">{t("ecology.desc3")}</div>
          </div>
        </div>
      </div>

      <div className="mission-box">
        <div className="small-title">{t("ecology.missionSmallTitle")}</div>
        <div className="title">{t("ecology.missionTitle")}</div>
      </div>
    </div>
  );
}
export default Ecology;
